<style>
  .table>thead>tr>th {
    padding-left: 0px;
    padding-right: 0px
  }

  .table>thead>tr>th,
  .table>tbody>tr>th,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>tbody>tr>td,
  .table>tfoot>tr>td {
    padding: 8px;
    vertical-align: center;
    border-top: none
  }

  #tab tbody {
    display: block;
    height: 400px;
    overflow-y: scroll;
  }

  #tab thead,
  #tab tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  #tab thead {
    width: calc( 100% - 1em)
  }
</style>
<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">设备终端</h1>
</div>
<div class="wrapper-md">
  <div class="panel panel-default">
    <div class="panel-heading">
      设备终端
    </div>
    <div class="panel-body b-b b-light">
      <div class="form-group pull-in clearfix">
        <div class="col-sm-4">
          <label>
            <font>
              <font>开始时间:</font>
            </font>
          </label>
          <p class="input-group" style="position:relative">
            <span class="input-group-btn">
              <button type="button" class="btn btn-default">
                <i class="glyphicon glyphicon-calendar"></i>
              </button>
            </span>
            <input type="text" data-date-format="" class="form-control" id="datetimepicker">
          </p>
        </div>
        <div class="col-sm-2">
          <button class="btn btn-info btn-addon" style="margin-top:25px" ng-click="initdate()">查询</button>
        </div>
      </div>
    </div>
    <div class="table-responsive">
      <table id="tab" class="table table-striped m-b-none">
        <thead>
          <tr>
            <th>日期</th>
            <th>APP
              <br>交易额
            </th>
            <th>微站
              <br>交易额
            </th>
            <th>网站
              <br>交易额
            </th>
            <th>APP
              <br>交易人数
            </th>
            <th>微站
              <br>交易人数
            </th>
            <th>网站
              <br>交易人数
            </th>
          </tr>
        </thead>
        <tbody>
          <tr ng-if="GetQuarterList==''">
            <td colspan="9">当前无任何数据</td>
          </tr>
          <tr ng-if="GetQuarterList!=''" ng-repeat="obj in GetQuarterList">
            <td ng-bind="obj.DateOrTotal"></td>
            <td ng-bind="obj.SalesVolumeOfAPP"></td>
            <th ng-bind="obj.SalesVolumeOfWX"></th>
            <th ng-bind="obj.SalesVolumeOfWeb"></th>
            <th ng-bind="obj.SalesAmountOfAPP"></th>
            <th ng-bind="obj.SalesAmountOfWX"></th>
            <th ng-bind="obj.SalesAmountOfWeb"></th>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>